<%--
  Created by IntelliJ IDEA.
  User: LENOVO
  Date: 2022/11/30
  Time: 10:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>民宿详情</title>


    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"/>


    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/detail.css">
    <link rel="stylesheet"  href="${pageContext.request.contextPath}/layui/css/layui.css">
    <head>
<body>

<form>
    <ul class="layui-nav"  lay-bar="disabled">
        <li class="layui-nav-item other"><img src="${pageContext.request.contextPath}/img/logo.png"> </li>
        <li class="layui-nav-item other"><a href="${pageContext.request.contextPath}/index/1">首页</a></li>
        <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/product_page">订酒店</a></li>
        <li class="layui-nav-item"><a href="">旅游攻略</a></li>
        <li class="layui-nav-item">
            <div>

                <a href=""><span class="layui-icon layui-icon-search" style="font-size: 30px; color: #1E9FFF;"></span></a>
                <input type="text">

            </div>
        </li>
        <li class="layui-nav-item login" lay-unselect>
            <a href="${pageContext.request.contextPath}/customer/1?"><img src="${pageContext.request.contextPath}/img/headpicture.jpg" class="layui-nav-img">
            </a>
        </li>
    </ul>
</form>
<div class="container">




    <!-- ------------- -->

    <div class="row wrapper">
        <form action="${pageContext.request.contextPath}/order" method="post">
            <input type="hidden" name="proId" value="${product.proId}" />
            <input type="hidden" name="proPrice" value="${product.proPrice}" />


        <div class="col-md-6 aside_ad">
            <ul>
                <li> <img src="${pageContext.request.contextPath}/${product.proImg}" />
                    <label>入住时间:</label>
                    <input type="date">
                    <label>退房时间:</label>
                    <input type="date">
                    <input type="submit" value="预订房间"></input>
                </li>
            </ul>

        </div>
        <div class="col-md-6   main ">
            <h1 class="pro_name">${product.proName}</h1>
            <ul class="pro_params">
                <li>
                    <label>价格：</label>
                    <span>${product.proPrice}</span>
                </li>
                <li>
                    <label>房间类型：</label>
                    <span>${product.proType}</span>
                </li>
                <li>
                    <label>网络：</label>
                    <span>${product.other1}</span>
                </li>
                <li>
                    <label>其他配置：</label>
                    <span> ${product.other2}</span>
                </li>
                <li>
                    <label>说明：</label>
                    <p>${product.proIntroduction}</p>
                </li>
            </ul>
        </div>
        </form>
    </div>
    <!-- --- -->
    <div class="row dibu">

        <div class="col-md-3 one">
            <h1 class="zixun">旅游资讯</h1>
            <li>宾馆索引</li>
            <li>机票索引</li>
            <li>旅游索引</li>
            <li>邮轮索引</li>
            <li>用车索引</li>
            <li>攻略索引</li>
            <li>网站导航</li>
            <li>火车票索引</li>
            <li>企业索引</li>

        </div>

        <div class="col-md-3 two">
            <h1 class="jiameng">加盟合作</h1>
            <li>分销联盟</li>
            <li>企业礼品卡采购</li>
            <li>代理合作</li>
            <li>目的地及景区合作</li>
            <li>更多加盟合作</li>
            <li>友情链接</li>
            <li>保险代理</li>
            <li>酒店加盟</li>
            <li>智慧旅游</li>

        </div>

        <div class="col-md-3 three">
            <h1 class="guanyu">关于民宿</h1>
            <li>关于民宿</li>
            <li>企业公民</li>
            <li>联系我们</li>
            <li>隐私政策</li>
            <li>安全中心</li>
            <li>知识产权</li>
            <li>民宿热点</li>
        </div>
        <div class="col-md-3 four">
            <li>境内：
                95010
                或 400-830-6666</li>
            <li>中国香港：+852-3008-3295</li>
            <li>中国澳门：+86-21 3406-4888</li>
            <li>中国台湾：+86-21 3406-4888</li>
            <li>其他国家和地区：+86-21 3406 4888 </li>
        </div>

    </div>




    <script>
        // 这里开始是开头导航栏
        layui.use('element', function(){
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function(elem){
                //console.log(elem)
                layer.msg(elem.text());
            });
        });

    </script>


</div>
</body>
</html>